<div class="col-md-9">
  <div class="panel panel-default room">
    <div class="panel-heading room-header">MyChat</div>
    <div class="panel-body room-content">
      <div class="list-group messages" auto-scroll-to-bottom>
        <div class="list-group-item message" ng-repeat="message in room.messages">
          {{message.muser.name}}: {{message.mcontent}}<time am-time-ago="room.message.mtime" style="margin-left:100px"></time><span style="margin-left:100px"></span>
        </div>
      </div>
      <form class="message-creator" ng-controller="MessageCreatorCtrl">
        <div class="form-group">
          <textarea required class="form-control message-input" ng-model="newMessage" ctrl-enter-break-line="createMessage()" placeholder="Ctrl+Enter to quick send"></textarea>
        </div>
      </form>
    </div>
  </div>
</div>
<div class="col-md-3">
  <div class="panel panel-default user-list">
    <div class="panel-heading user-list-header">在线用户</div>
    <div class="panel-body user-list-content">
      <div class="list-group users">
        <div class="list-group-item user" ng-repeat="user in room.users">
          {{user.name}}
        </div>
      </div>
    </div>
  </div>
</div>